<template>
    <div>
        <!-- 
            A和B数据,当A的值是0的时候,我要让B的值成为:"stop"
            C=== 2 是否继续
         -->
        <h3>A:{{ A }}</h3>
        <h3>B:{{ B }}</h3>
        <button @click="A--"> action </button>
        <h3>C:{{ C }}</h3>
        <button @click="--C">点击</button>

    </div>
</template>
<script>
export default {
    //监听器
    watch:{
        //对谁监听就把键名写成它
        A(newValue,oldValue){
            if(newValue <= 0){
                this.B="stop"
            }
            console.log(newValue,oldValue)
        },
        B(value){
            if(value=== 'stop'){
                alert("stop!")
            }
        },
        C(value){
            if(value===2){
                alert("是否继续");
            }
        }
    },
    data(){
        return{
            A:3,
            B:"start",
            C:5,
        }
    },
    methods:{
        action(){
            if(this.A !== 0){
                this.A--
            }
        }
    }   
}
</script>